<!DOCTYPE html>
<html lang="en">
<head>
    <!--定义编码格式-->
    <meta charset="UTF-8">
    <!--设置IE渲染方式默认为最高( 让它永远按最新的文档模型渲染）-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>
    <!-- 解决IE8的 对媒体查询的兼容性-->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/services.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>

    <!--引入 谷歌的字体库-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
          rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic"
          rel="stylesheet" type="text/css">

</head>
<body>
<div id="header"></div>
<div class="services_wrap module" >
    <div class="container">
        <h3>services</h3>
        <div class="row">

            <div class="col-lg-4 col-md-4  col-sm-12 service_item">
                <img src="images/01.jpg" alt=" " class="img-responsive img-circle">
                <h4>Registration Open for CIDESCO World Congress</h4>
                <p> Register here to learn about top skincare trends and the latest techniques, plus and meet CIDESCO colleagues from around the world.</p>
                <div class="more ">
                    <a href="learnmore.html">Read More</a>
                </div>
                <div class="service_hide">
                    <h5>Specialist</h5>
                    <p>CIDESCO World Congress</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 service_item">
                <img src="images/02.jpg" alt=" " class="img-responsive img-circle">
                <h4>PBFC Hosts “Welcome to Our World”</h4>
                <p>The organization reports that this has given rise to a number of bills that could have a direct impact on beauty students, colleges, salons.</p>
                <div class="more m1">
                    <a href="learnmore.html">Read More</a>
                </div>
                <div class="service_hide">
                    <h5>Specialist</h5>
                    <p>Welcome to Our World</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 service_item">
                <img src="images/03.jpg" alt=" " class="img-responsive img-circle">
                <h4>Registration Open for CIDESCO World Congress</h4>
                <p>Registration is officially open for the CIDESCO 67th World Congress and Exhibition taking place at the Hyatt Regency Chicago from September 19 to 23, 2019.</p>
                <div class="more m1">
                    <a href="learnmore.html">Read More</a>
                </div>
                <div class="service_hide">
                    <h5>Specialist</h5>
                    <p>CIDESCO World Congress</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="services_banner module">
    <div class="container">
        <div class="banner_wrap">
            <div class="banner_item">
                <div class="service_info"  >
                    <h3>European bathing circuits are becoming more popular in U.S</h3>
                    <p>spas both large and small, some of which are extending or even replacing treatment rooms with hydrothermal self-service experiences</p>
                </div>
            </div>
            <div class="banner_item" style="display: none;">
                <div class="service_info">
                    <h3> European-inspired contrast therapy offer significant health</h3>
                    <p>the self-service areas also have a tremendous ROI and are a great alternative to staffed spa treatment rooms</p>
                </div>
            </div>
            <div class="banner_item" style="display: none;">
                <div class="service_info">
                    <h3> The Westin Hotel group offers RunWestin</h3>
                    <p>There is a real desire to connect guests to natural surroundings, and this presents an incredible opportunity for destinations around the world.</p>
                </div>
            </div>
            <ul class="banner_nav">
                <li class="active">0</li>
                <li>1</li>
                <li style="margin: 0">2</li>
            </ul>
        </div>
    </div>
</div>
<script>
    $(function () {
        /*轮播的效果*/
        var aItem = $(".banner_item");
        var aNav = $("ul.banner_nav li");
		var oldIndex=0;
        aNav.click(function () {
            var index = $(this).index();
			if(index==oldIndex){
			return
			}
			oldIndex=index;
            $(this).addClass("active").siblings().removeClass("active");
            aItem.fadeOut(300).delay(300).eq(index).fadeIn(500);
        })
    })
</script>
<div class=" best_services module">
    <div class="container">
        <h3>The Best Services</h3>
        <div class="row" style="margin: 2em 0">
            <div class="col-lg-6 col-md-6  col-sm-6 col-xs-12 best_item">
                <div class="col-xs-3 item_left">
                    <span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
                </div>
                <div class="col-xs-9 item_right">
                    <h4>Set against a stunning backdrop of sprawling vineyards</h4>
                    <p>the Fess Parker Wine Country Inn & Spa is owned by the eponymous actor’s family and operated as part of the Fess Parker Winery & Vineyard portfolio.</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-lg-6 col-md-6  col-sm-6 col-xs-12 best_item">
                <div class="col-xs-3 item_left">
                    <span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
                </div>
                <div class="col-xs-9 item_right">
                    <h4>The Spa at Fess Parker attracts a loyal following with its warmth</h4>
                    <p>For instance, a Girlfriends Getaway offers a 10 percent discount with the booking of five or more 50-minute treatments</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="row" style="margin: 2em 0">
            <div class="col-lg-6 col-md-6  col-sm-6 col-xs-12 best_item">
                <div class="col-xs-3 item_left">
                    <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                </div>
                <div class="col-xs-9 item_right">
                    <h4>Ongoing education is a priority for all spa staff members</h4>
                    <p>the lines of communication between management and staff are always open with a view to ensuring nothing but the best for the spa’s guests.</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-lg-6 col-md-6  col-sm-6 col-xs-12 best_item">
                <div class="col-xs-3 item_left">
                    <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
                </div>
                <div class="col-xs-9 item_right">
                    <h4>Fess Parker spa-goers love to be pampered</h4>
                    <p>A customized 50-minute Elemis facial follows, awakening the senses and imparting an inner and outer glow— options include gentle exfoliation</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div id="footer"></div>
<script>
    $("#header").load("header.html");
    $("#footer").load("footer.html");
</script>
</body>
</html>